page{
  height: 100%;
}
.productType {
  height: 100%;
  .types_container{
    height: ~'calc(100vh)';
    display: flex;
    .left_menu{
      flex: 2;
      background-color: #F0E9E6;
      .menu_item{
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
      }
      .active{
        background-color: #fff;
        color: var(--themeColor);
        border-left: 5rpx solid currentColor;
      }
    }
    .right_menu{
      flex: 5;
      .menu_item{
        height: 80rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
      }
      .divLine{
        background: var(--themeColor);
        width: 100%;
        height: 1rpx;
      }
      .product_item{
        display: flex;
        height: 200rpx;
        .product_img_wrap{
          flex: 2;
          display: flex;
          justify-content: center;
          align-items: center;
          image{
            width: 80%;
            border-radius: 10rpx;
          }
        }
        .product_info_wrap{
          flex: 3;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          .product_name{
            
          }
          .product_detail{
            
          }
          .product_price_wrap{
            display: flex;
            justify-content: space-between;
            margin-top: 10rpx;
            .product_price{
              color: var(--themeColor);
              font-size: 32rpx;
            }
            .cart_num_tool{
              display: flex;
              margin-right: 10rpx;
              margin-bottom: 10rpx;
              .num_edit{
                width: 45rpx;
                height: 45rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--themeColor);
                border-radius: 50%;
                color: #fff;
              }
              .num{
                width: 45rpx;
                height: 45rpx;
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }
          }
          .product_detail{
            display: --webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-size: 20rpx;
            color:#ccc;
          }
        }
      }
    }
  }
}
